// * el-table 样式
.table-box {
	display: flex;
	flex-direction: column;
	height: 100%;
	// el-table 头部样式
	.table-header {
		display: flex;
		justify-content: space-between;
		margin: 12px 0;
	}
	// el-table 表格样式
	:deep(.el-table) {
		// 表格自适应撑满整个页面(设置了 flex:1,页面上表格必须添加 height 属性)
		flex: 1;
		.el-table__header th,
		.el-table__body td {
			text-align: center;
		}
		.el-table__header th {
			height: 50px;
			font-size: 15px;
			font-weight: bold;
			color: #252525;
			background: #fafafa;
		}

		// table 中 image 图片样式
		.table-image {
			width: 50px;
			height: 50px;
			border-radius: 50%;
		}

		// 解决 el-table 中 header 文字换行问题
		.el-table__header .el-table__cell > .cell {
			white-space: nowrap;
		}
		.el-table__row {
			height: 52px;
		}

		.table-empty {
			line-height: 30px;
		}

		// 解决 keep-alive || 浏览器窗口大小变化 导致 el-table 样式错乱问题（2.1.4会出现问题，升级之后问题已解决）
		.el-table__body-wrapper {
			height: calc(100% - 50px) !important;
		}
		.el-table__inner-wrapper,
		.el-scrollbar__wrap {
			height: 100% !important;
		}
	}

	// 表格 pagination 样式
	:deep(.el-pagination) {
		display: flex;
		justify-content: center;
		margin: 23px 0 10px;
	}
}
